<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button>第一个按钮</button>
    <button>第二个按钮</button>
    <button>第三个按钮</button>
    <!-- jQuery引入了两个全局变量  $  jQuery -->
    <!-- <script src="./jQuery.js"></script> -->
    <script src="./QF.js"></script>
    <script>
        var btns = document.querySelectorAll("button");

        btns[0].onclick = function () {
            // $.get() 第一个参数是URL  第二个参数是可选的携带的数据 可以是一个对象 也可以是一个查询字符串  第三个参数是回调函数
            QF.get("/lession01/demo", {}, function (data) {
                // 回调函数中有一个参数 这个参数就是返回回来的数据
                console.log(data)
            })
        }
        btns[1].onclick = function () {
            QF.get(
                "/lession01/getUserInfo",
                { a: 1, b: 2, c: 3 },
                function (data) {
                    console.log(data)
                })
        }
        btns[2].onclick = function () {
            var obj = {
                username: "用户名称",
                password: "密码",
                sex: "性别",
                birthDay: "出生日期"
            }
            QF.post("/lession01/regist", obj, function (data) {
                console.log(data)
            })
        }


    </script>
</body>

</html>